// 页面加载完成后执行
window.addEventListener('DOMContentLoaded', function() {
    // 平滑滚动功能
    smoothScroll();
    
    // 表单提交处理
    handleFormSubmit();
    
    // 导航栏滚动效果
    handleNavbarScroll();
});

// 平滑滚动函数
function smoothScroll() {
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            
            const targetId = this.getAttribute('href');
            const targetElement = document.querySelector(targetId);
            
            if (targetElement) {
                window.scrollTo({
                    top: targetElement.offsetTop - 80, // 减去导航栏高度
                    behavior: 'smooth'
                });
            }
        });
    });
}

// 表单提交处理
function handleFormSubmit() {
    const contactForm = document.getElementById('contact-form');
    
    if (contactForm) {
        contactForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            // 获取表单数据
            const formData = new FormData(this);
            const formValues = Object.fromEntries(formData.entries());
            
            // 在控制台打印表单数据（实际项目中这里会发送到服务器）
            console.log('表单数据:', formValues);
            
            // 显示提交成功消息
            alert('表单提交成功！感谢您的留言。');
            
            // 重置表单
            this.reset();
        });
    }
}

// 导航栏滚动效果
function handleNavbarScroll() {
    const header = document.querySelector('.site-header');
    let lastScrollTop = 0;
    
    window.addEventListener('scroll', function() {
        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
        
        if (scrollTop > 50) {
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }
        
        lastScrollTop = scrollTop;
    });
}

// 添加一个简单的动画效果函数
function animateOnScroll() {
    const animateElements = document.querySelectorAll('.service-item');
    
    function checkInView() {
        animateElements.forEach(element => {
            const elementTop = element.getBoundingClientRect().top;
            const elementBottom = element.getBoundingClientRect().bottom;
            const isVisible = (elementTop < window.innerHeight - 100) && (elementBottom > 0);
            
            if (isVisible) {
                element.classList.add('animate');
            }
        });
    }
    
    // 初始检查
    checkInView();
    
    // 滚动时检查
    window.addEventListener('scroll', checkInView);
}